@import "./vars.scss";

.solutionsl-container {
  position: relative;
  overflow: hidden;
  .sol_h2 {
    margin-top: 101px;
    text-align: center;
    margin-bottom: 65px;
    img {
      display: none;
      width: 30px;
      transform: rotate(90deg);
    }
  }
  .solc-articles {
    margin-top: 77px;
    .solc-label {
      margin-bottom: 34px;
    }
    .solc-list {
      @include display(flex);
      @include flex-wrap(wrap);
      .solc-item {
        padding: 0 30px 73px;
      }
    }
  }

  .solc-paging {
    margin-top: 33px;
    margin-bottom: 100px;
  }
}

.solutions-container {
  padding-bottom: 100px;
  .solsc_h4 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 131px;
    margin-bottom: 39px;
  }
  .solutions-main {
    padding-bottom: 100px;
  }
  
}

@media screen and (max-width: 768px) {
  .solutionsl-container {
    padding: 0 15px;
  }
  .solutionsl-container .sol_h2 {
    margin: 0;
    height: 70px;
    @include display(flex);
    @include align-items(center);
    text-align: left;
    @include justify-content(space-between);
    img {
      display: block;
    }
  }
  .solutionsl-container .blogl-linkgroup {
    @include display(flex);
    @include flex-wrap(wrap);
    margin: 0 -15px;
    &::after {
      content: "";
      height: 1px;
      width: 100%;
      margin: 10px 15px 0 15px;
      background-color: #eee;
    }
  }
  .blogl-linkgroup .blogl-link {
    display: block;
    text-align: left;
    font-size: 14px;
    padding: 10px 15px;
  }
  .solutionsl-container .solc-articles {
    margin-top: 20px;
  }
  .solutionsl-container .solc-articles .solc-label {
    margin-bottom: 0;
  }
  .solutionsl-container .solc-articles .solc-list .solc-item {
    padding: 0;
    margin-top: 15px;
  }
  .solutionsl-container .solc-paging {
    margin: 20px 0;
  }
  .solutions-container {
    padding: 0 15px 30px;
  }
  .solutions-container .solsc_h4 {
    font-size: 30px;
    margin: 30px 0 20px;
  }
  .solutions-container .solutions-main {
    line-height: 1.5;
    padding-bottom: 30px;
  }
  .fcm-elem-wrapper .fcm-elem {
    padding: 0;
  }
}